page-home {
    .header,.toolbar-md,.toolbar-background-md{
        background: transparent;
    }
    .content{
        background: url(../../assets/imgs/mainback.jpg) no-repeat;
    }
    .scroll-content{
        background: transparent;
    }
   .card{
        background: transparent;
    }
    .music_audio{
        ion-card-header{
            background: 0x8c4dd0e1;
            font-size: 1.6rem;
            font-weight: bold;
        }
        ion-card-content{
            .music_info{
                background: rgba(188,222, 200, 0.35);
                p{
                    color: black;
                }
            }
            .audio{
                height: auto;
                audio{
                    width: 100%;
                }
            }
            .current_header{
                background: rgba(188,222, 200, 0.45);
                p{
                    color: black;
                }
                .button-md{
                    color:black;
                    box-shadow: none;
                }
            }
            .current_status{
                p{
                    margin: 16px auto;
                    text-align: center;
                    font-size: 1.8rem;
                }
                
            }
        }
    }
    .running_info,.healthy_info{
        ion-item{
            color: black;
            background: rgba(188,222, 200, 0.45);
            button{
                color:black;
                box-shadow: none;
            }
        }
        ion-card-content{
            ion-row{
                ion-col{
                    p{
                        margin: 16px auto;
                        text-align: center;
                        font-size: 1.8rem;
                    }
                }
            }
        }
    }
}
